<template>
	<view class="index_wrap">
		<view class="top-bar" style="background: #f8f8f8;">
			<view class="top-cont">
				<view class="top-left">
					<image class="top-logo" src="../../static/image/logins.png"></image>
					<view class="top-title" style="display: flex;">助业业主端
						<view style="font-size: 17px; color: #999;margin-top: 4px;" v-if="projectItem">
							（{{projectItem.proName}}）</view>
					</view>
				</view>
				<image @click="handlerXZ" class="top-img" src="../../static/image/switch.png"></image>
			</view>
		</view>

		<!-- 消息提示 -->
		<view>
			<view class="message" v-for="(item,index) in annouArr" :key="index" v-if="annouArr.length>0 && index<2"
				style="margin-top: 3px;">
				<view class='message_icon'>
					<image mode="widthFix" />
				</view>
				<view class='message_swiper' @click="notice">
					<view class='message_swiper_text'>
						{{item.notice_leveltype_name ? item.notice_leveltype_name :'暂无通知'}}
					</view>
					<view style="float: right;margin-top: -20px;padding-right: 10px; color: #999;">
						{{item.begin_time.substr(0,10)}}
					</view>
				</view>
			</view>
			<view class="message" style="margin-top: 3px;" v-if="annouArr.length==0">
				<view class='message_icon'>
					<image mode="widthFix" />
				</view>
				<view class='message_swiper'>
					<view class='message_swiper_text'>暂无通知</view>
					<view style="float: right;margin-top: -20px;padding-right: 10px; color: #999;"></view>
				</view>
			</view>
		</view>
		<!-- <view class="message" style="margin-top: 2px;">
		
			<view class='message_icon'>
				<image mode="widthFix"  />
			</view>
			纵向滑动的swiper
			<swiper class='message_swiper' autoplay interval='1500' vertical circular duration='300'>
				<block v-for="(item,index) in messageArray" :key='index'>
					<swiper-item>
						<view class='message_swiper_text'>{{item.text}}</view>
					</swiper-item>
				</block>
			</swiper>
		</view> -->

		<!-- 金刚区 -->
		<view class='index_vajra_district'>
			<view
				style="height: 134px;border-radius: 12px;background-color: rgba(249, 249, 249, 1);width: 95%;margin: 12px auto;">
				<view style="padding-left: 13px;">
					<view class="title">公告公示
						<view class="title_btm"></view>
						<view style="font-size: 15px;color: #999999;float: right;margin-right: 20px;"
							@click="juMo('/pages/index/indextow',1)">更多</view>
					</view>
				</view>

				<view class='index_vajra_district_box' v-for="(item,index) in vajraArray" :key="index"
					@click='tapName(item)'>
					<image mode="widthFix" :src="item.imgUrl" />
					<text style="color: #666666;">{{item.name}}</text>
				</view>
			</view>

			<view
				style="height: 134px;border-radius: 12px;background-color: rgba(249, 249, 249, 1);width: 95%;margin: 12px auto;">
				<view style="padding-left: 13px;">
					<view class="title">日常操作
						<view class="title_btm"></view>
					</view>
				</view>
				<view class='index_vajra_district_box' v-for="(item,index) in vajraArray1" :key="index"
					@click='tapName(item)'>
					<image mode="widthFix" :src="item.imgUrl" />
					<text style="color: #666666;">{{item.name}}</text>
				</view>
			</view>

			<view class="realEstate"
				style="padding-bottom: 50px ;height: 134px;border-radius: 12px;background-color: rgba(249, 249, 249, 1);width: 95%;margin: 12px auto;">
				<view style="padding-left: 13px;">
					<view class="title">物业缴费
						<view class="title_btm"></view>
						<view style="font-size: 15px;color: #999999;float: right;margin-right: 20px;"
							@click="juMo('/pages/index/indextow',3)">更多</view>
					</view>
				</view>
				<view class='index_vajra_district_box' v-for="(item,index) in vajraArray2" :key="index"
					@click='tapName(item)'>
					<image mode="widthFix" :src="item.imgUrl" />
					<text style="color: #666666;">{{item.name}}</text>
				</view>
			</view>
		</view>
		<!-- <view class="index_btom"> -->
		<!-- 小区内消息设置 -->
		<!-- <view class='index_resi_quar'> -->
		<!-- <view class="index_resi_quar_box"></view>
				<view class="index_resi_quar_cont">
					<view class="index_resi_quar_cont_title">
						房屋认证
						<div v-show="housingFlag&&hourseList.length>1" class="index_resi_quar_cont_title_right"
							 @click="estate">
							切换房屋
						</div>
					</view>
					<view class="u-p-30" v-if="housingFlag">
						<view class="u-m-b-20" >
							<text style="color: #333;width:144rpx;display: inline-block;" class="u-font-28">
								房间号
							</text>
							<text style="color: #666666;display: inline-block" class="u-font-28 u-flex-1">
								{{hourseStr.buildDistrictCode}}-{{hourseStr.buildTowerCode}}-{{hourseStr.roomUnitNumber}}-{{hourseStr.roomCode}}
							</text>
						</view>
						<view class="u-m-b-20">
							<text style="color: #333;width:144rpx;display: inline-block" class="u-font-28">
								面积：
							</text>
							<text style="color: #666666;display: inline-block" class="u-font-28 u-flex-1">
								{{hourseStr.roomAreaOfStructure}}平方米
							</text>
						</view>
						<view class="u-m-b-20">
							<text style="color: #333;width:144rpx;display: inline-block" class="u-font-28">
								物业费：
							</text>
							<text style="color: #666666;display: inline-block" class="u-font-28 u-flex-1">
								{{hourseStr.wuYePrice?hourseStr.wuYePrice+'/'+'平方米/'+(hourseStr.costsPeriodUnit==1?'年':hourseStr.costsPeriodUnit==2?'半年':hourseStr.costsPeriodUnit==3?'季度':'月'):'未设置'}}
							</text>
						</view>
						<view class="u-m-b-20">
							<text style="color: #333;width:144rpx;display: inline-block" class="u-font-28">
								项目名称：
							</text>
							<text style="color: #666666;display: inline-block" class="u-font-28 u-flex-1">
								{{hourseStr.proName}}
							</text>
						</view>
						<view class="u-m-b-20">
							<text style="color: #333;width:144rpx;display: inline-block" class="u-font-28">
								地址：
							</text>
							<text style="color: #666666;display: inline-block" class="u-font-28 u-flex-1">
								{{hourseStr.city}}-{{hourseStr.district}}
							</text>
						</view>
						
						<view style="width: 20%;margin: 15px auto;cursor: pointer;">
							<text style="color: #007AFF;" @click="newly()">房屋详情</text>
						</view>
					</view>
					<view class='index_resi_quar_cont_cent' v-else>
						<view class="index_resi_quar_cont_cent_txt">为了更好的用户体验，请先认证房产</view>
						<view class='index_resi_quar_cont_cent_btn'>
							<button @click="renBtn" type="primary">业主认证</button>
						</view>
					</view>

				</view> -->
		<!-- </view> -->
		<!-- <view @click="dd()">
				dddd
			</view> -->
		<!-- <view class="mack" v-if="bol" @click="cancel()">
				<view class="mack_box" @click.stop="">
					<view class="notice">停水通知</view>
					<view class="respect">尊敬的某某某</view>
					<view class="boxMain">撒娇看见啊还是看的啊那看见你的看书看见那看见那看看看看见看点看点看看见那看你卡技能看看看点看</view>
					<view class="respect">特此通知</view>
					<view class="respect">
						{{PopupList.notice_invalid_time}}
					</view>
					<view class="respect">
						通知人（张飞）
					</view>
					<view class="once" v-if="bol" @click="cancel()">
						已读
					</view>
				</view>
			</view> -->
		<!-- <u-popup v-model="show" mode="center" border-radius="14">
				<u-card :title="title" :sub-title="subTitle" :thumb="thumb">
					<view class="" slot="body">
						<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
							<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
							<image
									src="https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg"
									mode="aspectFill"></image>
						</view>
						<view class="u-body-item u-flex u-row-between u-p-b-0">
							<view class="u-body-item-title u-line-2">釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放</view>
							<image
									src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg"
									mode="aspectFill"></image>
						</view>
					</view>
					<view class="" slot="foot">
						<u-icon name="chat-fill" size="34" color="" label="30评论"></u-icon>
					</view>
				</u-card>
			</u-popup> -->

		<!-- </view> -->

		<!-- 下方广告 -->
		<!-- <view class='index_resi_quar2'>
			<view class="index_resi_quar2_gg">
				<image src="../../static/image/banner05.jpg" />
			</view>
		</view> -->

		<view v-if="modalShow">
			<view class="modal-bg" @click="modalShow = false"></view>
			<view class="modal-cont">
				<view class="modal-text" @click="handlerAdd(item)" v-for="(item, index) in hourseList" :key="index"
					:name='index'>{{item.proName}}</view>
				<!-- <view class="modal-text" v-for="(item, index) in companyList" :key="index" @click="changeCompany(item.orgId, item.orgShortName)">{{item.orgShortName}}</view> -->
				<view class="modal-cancel" @click="modalShow = false">取消</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				modalShow: false,
				swiperArray: [{
						index: 1,
						imgUrl: 'http://clhy-img.oss-cn-beijing.aliyuncs.com/venusImage/2021-12-15/1639571200709.png',
					},
					{
						index: 2,
						imgUrl: 'http://clhy-img.oss-cn-beijing.aliyuncs.com/venusImage/2021-12-15/1639571251160.png',
					},
					{
						index: 3,
						imgUrl: 'http://clhy-img.oss-cn-beijing.aliyuncs.com/venusImage/2021-12-15/1639571251160.png',
					}
				],
				// messageArray: [{
				// 	index: 1,
				// 	text: '【12仓次日达】南极人（NANJIREN）足浴盆全自动按摩加热泡脚盆洗脚盆高深桶沐足浴器泡脚机疗 南极人官方指定京东特卖-熏蒸电动恒按摩全自动电动款'
				// },
				// 	{
				// 		index: 2,
				// 		text: '下水道地漏盖防头发防堵神器水槽过滤网厕所防臭器卫生间浴室地漏 白色'
				// 	},
				// 	{
				// 		index: 3,
				// 		text: '养生堂天然维生素E软胶囊230粒（200+VE15*2盒） ve美容（祛黄褐斑） 延缓衰老'
				// 	},
				// ],
				title: '素胚勾勒出青花，笔锋浓转淡',
				subTitle: '2020-05-15',
				thumb: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
				show: false,
				// 金刚区图片
				vajraArray: [{
						index: '1',
						name: '通告公告',
						imgUrl: '../../static/image/notice1.png',
						link: '/pages/authentication/authentication'
					},
					{
						index: '2',
						name: '工作公示',
						imgUrl: '../../static/image/work1.png',
						link: '/pages/publicity/publicity'
					},
					{
						index: '3',
						name: '财务公示',
						imgUrl: '../../static/image/Finance.png',
						link: '/pages/finance/finance'
					},
					// {
					// 	index: '4',
					// 	name: '账单',
					// 	imgUrl: '../../static/image/bill.png',
					// 	link: '/pages/bill/bill'
					// },
					{
						index: '5',
						name: '小区资料',
						imgUrl: '../../static/image/bill.png',
						link: '/pages/community/communityindex'
					},
					// {
					// 	index: '6',
					// 	name: '失物招领',
					// 	imgUrl: '../../static/image/article.png',
					// 	link: '/pages/lostarticle/lostarticle'
					// },
					// {
					// 	index: '1',
					// 	name: '缴费',
					// 	imgUrl: '../../static/image/paymoney.png',
					// 	link: '/pages/pay/pay'
					// },
					// {
					// 	index: '2',
					// 	name: '报修',
					// 	imgUrl: '../../static/image/repair.png',
					// 	link: '/pages/guarantee/guarantee'
					// },
					// {
					// 	index: '3',
					// 	name: '账单',
					// 	imgUrl: '../../static/image/bill.png',
					// 	link: '/pages/bill/bill'
					// },
					// // {
					// // 	index: '4',
					// // 	name: '业主认证',
					// // 	imgUrl: '../../static/image/j4.png',
					// // 	link: '/pages/address/address'
					// // },
					// {
					// 	index: '5',
					// 	name: '通告公告',
					// 	imgUrl: '../../static/image/notice1.png',
					// 	link: '/pages/authentication/authentication'
					// },
					// {
					// 	index: '6',
					// 	name: '工作公示',
					// 	imgUrl: '../../static/image/work1.png',
					// 	link: '/pages/publicity/publicity'
					// },
					// {
					// 	index: '7',
					// 	name: '财务公示',
					// 	imgUrl: '../../static/image/Finance.png',
					// 	link: '/pages/finance/finance'
					// },
					// // {
					// // 	index: '8',
					// // 	name: '常用电话',
					// // 	imgUrl: '../../static/image/phone.png',
					// // 	link: '/pages/numberphone/numberphone'
					// // },
					// {
					// 	index: '9',
					// 	name: '失物招领',
					// 	imgUrl: '../../static/image/article.png',
					// 	link: '/pages/lostarticle/lostarticle'
					// },
					// // {
					// // 	index: '10',
					// // 	name: '随手拍',
					// // 	imgUrl: '../../static/image/clap.png',
					// // 	link:'/pages/clap/indexclap'
					// // },
					// {
					// 	index: '11',
					// 	name: '装修管理',
					// 	imgUrl: '../../static/image/renovation.png',
					// 	link: '/pages/renovation/renovationindex'
					// },
					// {
					// 	index: '12',
					// 	name: '服务投诉',
					// 	imgUrl: '../../static/image/complaint.png',
					// 	link: '/pages/complaint/complaintindex'
					// },
					// {
					// 	index: '13',
					// 	// name: '服务投诉',
					// 	imgUrl: '../../static/image/sale.png',
					// 	link: '/pages/rentsale/rentsaleindex'
					// }

				],
				vajraArray1: [{
						index: '1',
						name: '报修',
						imgUrl: '../../static/image/repair.png',
						link: '/pages/guarantee/guarantee'
					},
					{
						index: '2',
						name: '装修管理',
						imgUrl: '../../static/image/renovation.png',
						link: '/pages/renovation/renovationindex'
					},
					// {
					// 	index: '3',
					// 	name: '业主认证',
					// 	imgUrl: '../../static/image/contract.png',
					// 	link: '/pages/address/address'
					// },
					{
						index: '4',
						name: '开门',
						imgUrl: '../../static/image/door.png',
						// link: '/pages/renovation/renovationindex'
					},
					{
						index: '5',
						name: '监控查询',
						imgUrl: '../../static/image/monitor.png',
						// link: '/pages/renovation/renovationindex'
					},
					// {
					// 	index: '3',
					// 	name: '申请发票',
					// 	imgUrl: '../../static/image/invoice.png',
					// 	link: ''
					// }

				],
				vajraArray2: [{
						index: '1',
						name: '物业费',
						imgUrl: '../../static/image/Property.png',
						link: '/pages/pay/pay'
					},
					{
						index: '2',
						name: '维修',
						imgUrl: '../../static/image/repair2.png',
						link: '/pages/pay/maintenance'
					},
					{
						index: '3',
						name: '车位费',
						imgUrl: '../../static/image/parking.png',
						link: '/pages/pay/parking'
					},

					{
						index: '4',
						name: '水费',
						imgUrl: '../../static/image/hydropower.png',
						link: '/pages/forwater/forWater'
					},
					// {
					// 	index: '5',
					// 	name: '电费',
					// 	imgUrl: '../../static/image/hydropower.png',
					// 	link: ''
					// },

					// {
					// 	index: '6',
					// 	name: '暖气费',
					// 	imgUrl: '../../static/image/Heating.png',
					// 	link: ''
					// },
					// {
					// 	index: '7',
					// 	name: '制冷费',
					// 	imgUrl: '../../static/image/Heating.png',
					// 	link: ''
					// }

				],
				housingFlag: false,
				hourseList: null,
				hourseStr: null,
				hourseNum: 0, //选择第几个房间,
				bol: false, //弹窗
				PopupList: [],
				index: 0,
				projectItem: {},
				annouArr: [],
			}
		},
		onLoad() {
			this.bol = !this.bol

		},
		async onShow() {
			let res = await this.$request.api.address({})
			// console.log(console.log(res))
			this.login()
			this.hourseNum = uni.getStorageSync('hourseNum') || 0
			this.hourseList = uni.getStorageSync('hourseList')
			this.housingFlag = false
			if (uni.getStorageSync('loginFlag')) {
				this.getHouseList()
			}
			// this.getPopupList()
			this.getannouData()
		},
		methods: {
			//通知公告接口
			async getannouData() {
				let res = await this.$request.api.Notice({
					My_user_id: uni.getStorageSync('rawData').userId,
					pageIndex: 1
				})
				if (this.pageIndex == 1) {
					this.annouArr = res.data.data.datalist || [];
				} else {
					this.annouArr = [...this.annouArr, ...res.data.data.datalist];
				}
				console.log(this.annouArr)
				this.nextPage = res.data.data.isEndPage
				this.loading = true;
				uni.hideLoading();
				// this.annouArr = res.data.data.datalist
			},
			//跳转更多
			juMo(url, par) {
				uni.navigateTo({
					url: url + "?type=" + par
				})
			},
			newly() {
				uni.navigateTo({
					url: '/pages/information/informationindex'
				})
			},
			notice() {
				uni.navigateTo({
					url: '/pages/authentication/authentication'
				})
			},

			//淘宝链接
			toLink() {

				// #ifdef H5
				window.open(
					'https://item.taobao.com/item.htm?spm=a230r.1.14.1.79c116cdEAqC10&id=661953804169&ns=1&abbucket=15#detail'
				)
				// #endif
				plus.runtime.openURL(
					'https://item.taobao.com/item.htm?spm=a230r.1.14.1.79c116cdEAqC10&id=661953804169&ns=1&abbucket=15#detail',
					function(res) {
						console.log(res);
					});


			},
			//获取房屋信息
			async getHouseList() {
				let res = await this.$request.api.house({
					mobile: uni.getStorageSync('phone')
				})
				console.log(123123)
				console.log(res, uni.getStorageSync('phone'))
				if (res.data.data.projectList.length > 0) {
					this.hourseList = res.data.data.projectList
					this.hourseStr = this.hourseList[this.hourseNum]
					uni.setStorageSync('hourseList', res.data.data.projectList)
					if (!uni.getStorageSync('projectItem')) {
						uni.setStorageSync('projectItem', res.data.data.projectList[0])
						this.projectItem = uni.getStorageSync('projectItem');
					} else {
						this.projectItem = uni.getStorageSync('projectItem');
					}
					console.log('有房屋列表')
					// uni.showModal({
					// 	title: '停水通知',
					// 	content: '尊敬的王某某\n撒娇看见啊还是看的啊那看见你的看书看见那看见那看看看看见看点看点看看见那看你卡技能看看看点看 \n特此通知\n2020年1月3日\n通知人（赵飞）',
					// 	showCancel: false,
					// 	confirmText: '已读',
					// 	confirmColor: '#F9A832',
					// 	success: function(res) {
					// 		if (res.confirm) {
					// 		}
					// 	}
					// });
					this.housingFlag = true
					this.modalShow = false
				} else {
					this.housingFlag = false
					this.modalShow = true
				}
			},
			//获取openId
			login() {
				let _this = this;
				// 检查登录状态是否过期
				// uni.checkSession({
				// 	fail: res => {
				// uni.login({
				// 	provider: 'weixin',
				// 	success: loginRes => {
				// 		uni.setStorageSync('code', loginRes.code);
				// 		_this.$request.api.login({
				// 			code: loginRes.code
				// 		}).then(res => {
				// 			uni.setStorageSync('openId', res.data.data.data.openId);
				// 			uni.setStorageSync('sessionKey', res.data.data.data.sessionKey);
				// 		});
				// 	}
				// })
				// 	}
				// })
			},
			// 金刚区切换
			tapName(item) {
				(item.index == 1 || item.index == 2) && this.$Router.pushTab({
					path: item.link
				})
				// uni.navigateTo({
				// 	url: item.link
				// })
				if (item.link) {
					uni.navigateTo({
						url: item.link
					})
				} else {
					console.log("Dsadsa")
					uni.showToast({
						icon: 'none',
						title: '该小区《物业管理中心》未将该门禁/监控设备接入本系统，暂时不能使用。'
					})
				}

			},
			// 切换房屋
			estate() {
				this.$Router.push({
					path: '/pages/switch/switch'
				})
			},
			// 业主认证
			renBtn() {
				let _this = this;
				if (uni.getStorageSync('phone')) {
					if (uni.getStorageSync('loginFlag')) {
						_this.$Router.push({
							path: '/pages/address/address'
						})
					} else {
						uni.showModal({
							title: '请先实名认证',
							showCancel: false,
							confirmText: '确认',
							confirmColor: '#F9A832',
							success: function(res) {
								if (res.confirm) {
									_this.$Router.push({
										path: '/pages/realName/realName'
									})
								}
							}
						});
					}
				} else {
					uni.showModal({
						title: '请先登录',
						showCancel: false,
						confirmText: '确认',
						confirmColor: '#F9A832',
						success: function(res) {
							if (res.confirm) {
								console.log('a')
								_this.$Router.pushTab({
									path: '/pages/user/user'
								})
							}
						}
					});
				}
			},
			//弹窗
			dd() {
				console.log(this.bol)
				this.bol = !this.bol
			},
			cancel() {
				console.log(this.bol)
				this.bol = !this.bol
			},
			// async getPopupList() {
			// 	let res = await this.$request.api.Popup({
			// 		user_id:uni.getStorageSync('rawData').userId,
			// 		// mobile: uni.getStorageSync('phone')
			// 	})
			// 	this.PopupList = res.data.data.datalist
			// 	console.log(res.data.data.datalist)
			// },
			handlerAdd(item) {
				uni.setStorageSync('projectItem', item)
				this.projectItem = uni.getStorageSync('projectItem');
				this.modalShow = false
			},
			handlerXZ() {
				let _this = this;
				if (uni.getStorageSync('phone')) {
					if (uni.getStorageSync('loginFlag')) {
						this.modalShow = true
					} else {
						uni.showModal({
							title: '请先实名认证',
							showCancel: false,
							confirmText: '确认',
							confirmColor: '#F9A832',
							success: function(res) {
								if (res.confirm) {
									_this.$Router.push({
										path: '/pages/realName/realName'
									})
								}
							}
						});
					}
				} else {
					uni.showModal({
						title: '请先登录',
						showCancel: false,
						confirmText: '确认',
						confirmColor: '#F9A832',
						success: function(res) {
							if (res.confirm) {
								console.log('a')
								_this.$Router.pushTab({
									path: '/pages/user/user'
								})
							}
						}
					});
				}
			}
		}
	}
</script>

<style scoped>
	.realEstate {
		padding-bottom: 50px !important;
	}

	.modal-bg {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		background: rgba(0, 0, 0, 0.3);
	}

	.modal-cont {
		// height: 266rpx;
		background: #ffffff;
		// box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(0, 0, 0, 0.12);
		border-radius: 24rpx 24rpx 0px 0rpx;
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 1000;
	}

	.modal-text {
		font-size: 32rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		text-align: center;
		height: 118rpx;
		line-height: 118rpx;
		border-bottom: 1rpx solid #e6e9ed;
	}

	.modal-cancel {
		height: 120rpx;
		line-height: 120rpx;
		text-align: center;
		font-size: 32rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #447A05;
	}

	.top-bar {
		padding-top: 88rpx;
		height: 88rpx;
		/* position: fixed; */
		top: 0;
		z-index: 1000;
		width: 100%;
		background: #ffffff;
		border-bottom: 2rpx solid #eeeeee;
		box-sizing: content-box;
	}

	.top-cont {
		text-align: center;
		// line-height: 88rpx;
		font-size: 36rpx;
		/* font-family: PingFangSC-Medium, PingFang SC; */
		font-weight: 500;
		color: #333;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.top-left {
		display: flex;

		// align-items: center;
	}

	.top-logo {
		width: 36px;
		height: 34px;
		border-radius: 10rpx;
		margin-left: 36rpx;
		margin-right: 9px;
		margin-top: 7px;
	}

	.top-title {
		padding-top: 14px;
		font-weight: 600;
		font-size: 20px;
		// font-family: "\534E\6587\65B0\9B4F";//华文新魏字体无效
		// font-family: "\534E\6587\884C\6977";
		font-family: "STKaiti" ! important;
	}


	.top-img {
		width: 29px;
		height: 23px;
		position: absolute;
		right: 26rpx;
		top: 63%;
		transform: translateY(-50%);
	}


	.title {
		font-size: 18px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: bold;
		font-weight: 500;
		color: #333333;
		line-height: 41px;
		position: relative;
	}

	.title_btm {
		position: absolute;
		width: 79px;
		height: 6rpx;
		// background: #578ae2;
		opacity: 0.6;
		border-radius: 6px;
		bottom: 4rpx;
		left: 6rpx;
		background: linear-gradient(70deg, #447A05, rgba(69, 124, 5, 0.1));

	}

	.u-m-b-20 {
		margin-bottom: 20px !important;
	}

	.rect {
		width: 80%;
		height: auto;
		background-color: #FFFFFF;
	}

	.index_wrap {
		width: 100vw;
		height: auto;
		overflow: hidden;
	}

	.index_wrap .a {
		width: calc(100vw - 60rpx);
		margin: 16px auto 20rpx;
		height: 36vw;
		border-radius: 6px;
		overflow: hidden;
	}

	.index_wrap .a .swiper_img {
		width: 100%;
	}

	.index_wrap .message {
		width: calc(100vw - 60rpx);
		margin: auto;
		height: 90rpx;
		border-radius: 12rpx;
		/* background: #FEF6EB; */
		background-color: rgba(69, 124, 5, 0.1);
		overflow: hidden;
	}

	.index_wrap .message .message_icon {
		width: 32rpx;
		height: 32rpx;
		float: left;
		margin: 22rpx 0 0 26rpx;
		background-size: 100%;
	}

	.index_wrap .message .message_icon image {
		/* width: 100%; */
		width: 18px;
		height: 16px;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng38f723fe95702b94baafc7637bd5a9f079c1429fc7e4032de9c212da0ab25399) 0px 0px no-repeat;
		margin-top: 3px;
	}

	.index_wrap .message .message_swiper {
		float: left;
		width: calc(100% - 80rpx);
		margin: auto;
		height: 32rpx;
		margin: 25rpx 0 30rpx 20rpx;
	}

	.index_wrap .message .message_swiper .message_swiper_text {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: 28rpx;
		color: #447A05;
	}

	.index_wrap .index_vajra_district {
		width: 100%;
		margin: auto;
		/* height: 600rpx; */
		/* display: flex; */
		justify-content: space-around;
		/* margin-top: 60rpx;
		margin-left: 24rpx; */
	}

	.index_wrap .index_vajra_district .index_vajra_district_box {
		width: 174rpx;
		height: 150rpx;
		display: inline-block;
		text-align: center;
		margin-top: 10px;
	}

	.index_wrap .index_vajra_district .index_vajra_district_box image {
		width: 80rpx;
		margin: auto;
	}

	.index_wrap .index_vajra_district .index_vajra_district_box text {
		display: inline-block;
		width: 100%;
		font-size: 24rpx;
		color: #FABE4B;
		text-align: center;
	}

	.index_wrap .index_btom {
		width: 100vw;
		height: auto;
		overflow: hidden;
		background: #FAFAFA;
	}

	.index_wrap .index_resi_quar {
		width: 100vw;
		height: 614rpx;
		position: relative;
	}

	.index_wrap .index_resi_quar .index_resi_quar_box {
		width: 100vw;
		height: 120rpx;
		background: #F1F1F1;
	}

	.index_wrap .index_resi_quar .index_resi_quar_cont {
		width: calc(100% - 60rpx);
		height: calc(100% - 60rpx);
		position: absolute;
		top: 20rpx;
		left: 30rpx;
		background: #fff;
		border-radius: 12rpx;
		box-shadow: 0px 3px 20px 0px rgba(51, 51, 51, 0.1);
	}

	.index_wrap .index_resi_quar .index_resi_quar_cont .index_resi_quar_cont_title {
		width: calc(100% - 40rpx);
		height: 90rpx;
		margin: auto;
		border-bottom: 1px solid #ddd;
		font-size: 36rpx;
		font-weight: 550;
		color: #333;
		line-height: 100rpx;
	}

	.index_wrap .index_resi_quar .index_resi_quar_cont .index_resi_quar_cont_title .index_resi_quar_cont_title_right {
		font-size: 24rpx;
		color: #2986FF;
		height: 28rpx;
		float: right;
		margin: 6rpx 20rpx 0 0;
	}

	.index_wrap .index_btom .index_resi_quar .index_resi_quar_cont .index_resi_quar_cont_cent {
		width: 100%;
		height: calc(100% - 91rpx);
		overflow: hidden;
	}

	.index_wrap .index_btom .index_resi_quar .index_resi_quar_cont .index_resi_quar_cont_cent .index_resi_quar_cont_cent_txt {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 90rpx 0 0;
	}

	.index_wrap .index_btom .index_resi_quar .index_resi_quar_cont .index_resi_quar_cont_cent .index_resi_quar_cont_cent_btn {
		width: 370rpx;
		height: 90rpx;
		margin: 40rpx auto 0;
	}

	.index_wrap .index_resi_quar .index_resi_quar_cont .index_resi_quar_cont_cent .index_resi_quar_cont_cent_btn button {
		width: 100%;
		height: 100%;
		background: #F9A832;
		line-height: 90rpx;
		border-radius: 50rpx;
	}

	.index_wrap.index_resi_quar2 {
		width: 100%;
		height: auto;
		min-height: 60rpx;
		background: #FBFBFB;
	}

	.index_wrap .index_resi_quar2 .index_resi_quar2_gg {
		width: calc(100% - 60rpx);
		height: 250rpx;
		margin: 60rpx auto 60rpx;
	}

	.index_wrap .index_resi_quar2 .index_resi_quar2_gg image {
		width: 100%;
		height: 100%;
	}

	.index_wrap .index_gong {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.3);
		z-index: 1000;
	}

	.index_wrap .index_gong .index_gong_cont {
		width: 670rpx;
		height: 792rpx;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		border-radius: 6px;
		background: #fff;
	}

	.mack {
		width: 100%;
		height: 100%;
		background-color: rgb(126, 123, 123);
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 55555;
	}

	.mack_box {
		width: 60%;
		min-height: 400rpx;
		background-color: #FFFFFF;
		padding: 20rpx;
		border-radius: 10rpx;
	}

	.notice {
		font-size: 30rpx;
		letter-spacing: 2rpx;
		line-height: 60rpx;
		border: #CCCCCC;
		color: #333333;
	}

	.respect {
		font-size: 30rpx;
		letter-spacing: 2rpx;
		line-height: 60rpx;
		color: #333333;
	}

	.boxMain {
		font-size: 24rpx;
		line-height: 30rpx;
	}

	.once {
		width: 60%;
		padding: 20rpx 60rpx;
		line-height: 40rpx;
		text-align: center;
		color: #F9A832;
		border: 2rpx solid #F9A832;
		border-radius: 50rpx;
		margin: 30rpx auto;
	}

	.down__Owner_App {
		width: 750rpx;
		height: 422rpx;
		/* background: url(../../static/image/owner.png); */
		background-size: 100%;
		/* position: relative; */
	}

	.down_cont_btn {
		position: absolute;
		width: 180rpx;
		height: 60rpx;
		top: 200rpx;
		left: 40rpx;
	}

	.u-btn {
		width: 100%;
		height: 100%;
	}
</style>